<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<script type="text/javascript">
	
	function staff_edit_clearUser(_this) {
		var $this = $(_this);
		$this.parent().find('input').val('');
	}
	function staff_edit_clearPosition(_this) {
		var $this = $(_this);
		$this.parent().find('input').val('');
	}
	function staff_edit_clearDepartment(_this) {
		var $this = $(_this);
		$this.parent().find('input').val('');
	}
</script>
<div class="bjui-pageContent">
	<form action="staff/save.do" id="staff_form" data-toggle="validate" data-alertmsg="false">
		<input type="hidden" name="staffSn" id="l_staffSn">
        <table class="table table-condensed" width="100%">
            <tbody>
                <tr>
                    <td style="width: 110px;text-align: right;">
                        <label for="l_staffNo" class="control-label x100">员工编号：</label>
                    </td>
                    <td>
                        <input type="text" name="staffNo" id="l_staffNo" data-rule="required;length[~32];jsvalide" size="20">
                    </td>
                    <td style="width: 110px;text-align: right;">
                        <label for="l_name" class="control-label x100">员工姓名：</label>
                    </td>
                    <td>
                        <input type="text" name="name" id="l_name" value="" data-rule="required;length[~32];jsvalide" size="20">
                    </td>
                </tr>
                <tr>
                	<td style="width: 110px;text-align: right;">
                        <label for="l_loginName" class="control-label x100">登录账号：</label>
                    </td>
                    <td>
                    	<input type="hidden" name="userSn">
                    	<input readonly="readonly" type="text" data-toggle="lookup" data-title="设置登录账号" 
                    		data-url="staff/lookupUser.do" name="loginName" data-rule="" class="doc_lookup" size="20">
                    	<a href="javascript:" onclick="staff_edit_clearUser(this);">清空</a>
                    </td>
                    <td style="width: 110px;text-align: right;">
                        <label for="l_sex" class="control-label x100">性别：</label>
                    </td>
                    <td>
                        <select name="sex" id="l_sex" data-toggle="selectpicker" data-width="200" >
                        	<option value="M">男</option>
                        	<option value="F">女</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td style="width: 110px;text-align: right;">
                        <label for="l_email" class="control-label x100">邮箱：</label>
                    </td>
                    <td>
                        <input type="text" name="email" id="l_email" value="" data-rule="email;length[~100];jsvalide" size="20">
                    </td>
                    <td style="width: 110px;text-align: right;">
                        <label for="l_address" class="control-label x100">地址：</label>
                    </td>
                    <td>
                        <input type="text" name="address" id="l_address" value="" data-rule="jsvalide" size="20">
                    </td>
                </tr>
                <tr>
                    <td style="width: 110px;text-align: right;">
                        <label for="l_phoneNo" class="control-label x100">手机号：</label>
                    </td>
                    <td>
                        <input type="text" name="phoneNo" id="l_phoneNo" value="" data-rule="length[~11];telephone" size="20">
                    </td>
                    <td style="width: 110px;text-align: right;">
                        <label for="l_highestEducation" class="control-label x100">最高学历：</label>
                    </td>
                    <td>
                    	<select name="highestEducation" id="l_highestEducation" data-toggle="selectpicker" data-width="200" >
                        	<option value="" selected></option>
                        	<option value="1">博士后</option>
                        	<option value="2">博士</option>
                        	<option value="3">硕士</option>
                        	<option value="4">本科</option>
                        	<option value="5">专科</option>
                        	<option value="6">高中</option>
                        	<option value="7">初中以下</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td style="width: 110px;text-align: right;">
                        <label for="l_graduatedFrom" class="control-label x100">毕业院校：</label>
                    </td>
                    <td>
                        <input type="text" name="graduatedFrom" id="l_graduatedFrom" value="" data-rule="length[~250];jsvalide" size="20">
                    </td>
                    <td style="width: 110px;text-align: right;">
                        <label for="l_profession" class="control-label x100">专业：</label>
                    </td>
                    <td>
                        <input type="text" name="profession" id="l_profession" value="" data-rule="length[~32];jsvalide" size="20">
                    </td>
                </tr>
                <tr>
                    <td style="width: 110px;text-align: right;">
                        <label for="l_credentialType" class="control-label x100">证件类型：</label>
                    </td>
                    <td>
                        <select name="credentialType" id="l_credentialType" data-toggle="selectpicker" data-width="200" >
                        	<option value="" selected></option>
                        	<option value="1">身份证</option>
                        	<option value="2">护照</option>
                        </select>
                    </td>
                    <td style="width: 110px;text-align: right;">
                        <label for="l_credentialNo" class="control-label x100">证件号码：</label>
                    </td>
                    <td>
                        <input type="text" name="credentialNo" id="l_credentialNo" value="" data-rule="length[~250];jsvalide" size="20">
                    </td>
                </tr>
                <tr>
                    <td style="width: 110px;text-align: right;">
                        <label for="l_departmentNo" class="control-label x100">所属部门：</label>
                    </td>
                    <td>
                    	<input type="hidden" name="departmentSn" class="doc_lookup" size="5">
                   		<input readonly="readonly" type="text" data-toggle="lookup" data-title="设置部门" 
                    		data-url="department/toDepartmentLookUp.do" name="departmentName" data-rule="" class="doc_lookup" size="20">
                    	<a href="javascript:" onclick="staff_edit_clearDepartment(this);">清空</a>
                    </td>
                    <td style="width: 110px;text-align: right;">
                        <label for="l_title" class="control-label x100">职位：</label>
                    </td>
                    <td>
                        <input type="hidden" name="positionSn">
                    	<input readonly="readonly" type="text" data-toggle="lookup" data-title="设置职位" 
                    		data-url="staff/lookupPosition.do" name="positionName" data-rule="" class="doc_lookup" size="20">
                    	<a href="javascript:" onclick="staff_edit_clearPosition(this);">清空</a>
                    </td>
                </tr>
                <tr>
                    <td style="width: 110px;text-align: right;">
                        <label for="l_staffStatus" class="control-label x100">员工状态：</label>
                    </td>
                    <td>
                        <select name="userStatus" id="l_staffStatus" data-toggle="selectpicker" data-width="200" >
                        	<option value="0">试用</option>
                        	<option value="1">正式</option>
                        	<option value="2">离职</option>
                        </select>
                    </td>
                	<td style="width: 110px;text-align: right;">
                		<label for="l_joinDate" class="control-label x100">入职日期：</label>
                    </td>
                	<td>
                		<input type="text" name="joinDate" id="l_joinDate" value="" readonly="readonly" data-toggle="datepicker" data-rule="length[~20];jsvalide" size="20">
                    </td>
                </tr>
            </tbody>
        </table> 
    </form>
</div>
<div class="bjui-pageFooter">
	<ul>
		<li><button type="button" class="btn btn-red cancel" data-icon="remove">取消</button></li>
		<li><button type="button" class="btn btn-default save" data-icon="save">保存</button></li>
	</ul>
</div>